@charset "utf-8";
html,body { 
	width:100%; 
	height:100%;
}
body {
	position: relative;
	overflow: hidden;
}
.logo {
	position: absolute;
	top: 40px;
	left: 50px;
	z-index: 99;
	height: 50px;
	line-height: 50px;
}
.logo h1 img {
	vertical-align: middle;
}
.logo h1 img.logo-tit {
	width: 45%;
	*width: 14%;
}
.logo span {
	position: absolute;
	left: -9999px;
}
.nav {
	position: absolute;
	top: 20px;
	right: 60px;
	z-index: 99;
}
.nav li {
	float: left;
	font-size: 24px;
	margin-left: 60px;
}
.nav li a {
	color: #fff;
}
.nav li a:hover {
	color: #ffd102;
}
/*背景轮播*/
.swiper-container { 
	width: 100%; 
	height: 100%;
}
.swiper-container ul li {
	overflow: hidden;
}
.swiper-container ul li img {
	width: 100%;
	height: 100%;
}
.welcome-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.welcome-bg.ani {
	-webkit-animation: scale 15s 0s ease-in-out infinite alternate;
	-moz-animation: scale 15s 0s ease-in-out infinite alternate;
	-o-animation: scale 15s 0s ease-in-out infinite alternate;
	-ms-animation: scale 15s 0s ease-in-out infinite alternate;
	animation: scale 15s 0s ease-in-out infinite alternate;
	visibility: visible!important;
}
.welcome-bg img {
	width: 100%;
	height: 100%;
}
/*背景轮播结束*/
/*主体*/
.main {
	position: absolute;
	left: 50%;
	top: 36%;
	z-index: 99;
	width: 50%;
	height: 65%;
	margin-left: -25%;
	margin-top: -13%;
	text-align: center;
}
.main img.tit-img {
	width: 60%;
}
.main img.tit-img.ani {
	-webkit-animation: zoomIn 6s 0s;
	-moz-animation: zoomIn 6s 0s;
	-o-animation: zoomIn 6s 0s;
	-ms-animation: zoomIn 6s 0s;
	animation: zoomIn 6s 0s;
	visibility: visible!important;
}
.main .btn-group {
	position: absolute;
	left: 0;
	bottom: 9%;
	width: 100%;
	height: 12%;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 2s 3s ease-in-out;
	moz-transition: all 2s 3s ease-in-out;
	-o-transition: all 2s 3s ease-in-out;
	-ms-transition: all 2s 3s ease-in-out;
	transition: all 2s 3s ease-in-out;
}
.main .btn-group li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 25%;
	height: 100%;
	margin: 0 20px;
}
.main .btn-group li a {
	display: block;
	width: 100%;
	height: 100%;
}
.main .btn-group li a img {
	width: 100%;
	height: 100%;
}
.main .btn-group.ani {
	visibility: visible!important;
	opacity: 1;
}
/*文字进入动画效果*/
@keyframes zoomIn {
	0% {
		transform: scale(.1,.1);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}
@-webkit-keyframes zoomIn {
	0% {
		transform: scale(.1,.1);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}
@-moz-keyframes zoomIn {
	0% {
		transform: scale(.1,.1);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}
@-ms-keyframes zoomIn {
	0% {
		transform: scale(.1,.1);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}
/*背景动画*/
@keyframes scale {
	0% {
		transform: scale(1,1);
	}
	25% {
		transform: scale(1.15,1.15);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	75% {
		transform: scale(1.15,1.15);
	}
	100% {
		transform: scale(1,1);
	}
}
@-webkit-keyframes scale {
	0% {
		transform: scale(1,1);
	}
	25% {
		transform: scale(1.15,1.15);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	75% {
		transform: scale(1.15,1.15);
	}
	100% {
		transform: scale(1,1);
	}
}
@-moz-keyframes scale {
	0% {
		transform: scale(1,1);
	}
	25% {
		transform: scale(1.15,1.15);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	75% {
		transform: scale(1.15,1.15);
	}
	100% {
		transform: scale(1,1);
	}
}
@-ms-keyframes scale {
	0% {
		transform: scale(1,1);
	}
	25% {
		transform: scale(1.15,1.15);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	75% {
		transform: scale(1.15,1.15);
	}
	100% {
		transform: scale(1,1);
	}
}